<template>
	<view class="conter_box">
		<view class="popop">
		</view>
		<u-icon @click="gomarket" class="cuIcon" bold size="20" color="#fff" name="arrow-left"></u-icon>
		<image :src="imgUrl + '/appStatic/images/novice.jpg'" mode=""></image>
		<view class="dream_xob">
			<image :src="imgUrl + '/appStatic/images/dream.jpg'"  mode=""></image>
		</view>
		<view @click="gopink" class="box_pink">
		</view>
		<view @click="box_pink2" class="box_pink2">
		</view>
		<view @click="box_pink3" class="box_pink3">
		</view>
		<u-link class="box_pink1" href="https://babymon.gitbook.io/untitled/"></u-link>
	</view>
</template>
<script>
	import config from '@/config.js';
	export default {
		data() {
			return {
				imgUrl: config.imgUrl,
			}
		},
		methods: {
			gomarket() {
				uni.switchTab({
					url: "/pages/work/index", // 跳转到首页
				});
			},
			gopink() {
				uni.switchTab({
					url: "/pages/work/market", // 跳转到市场
				});
			},
			box_pink3() {
				uni.navigateTo({
					url: '/pages/AccountSecurity/setting/userrule'
				});
			},
			//行为准则
			box_pink2() {
				uni.navigateTo({
					url: '/pages/goInfo/behavior'
				});
			},
		}
	}
</script>
<style lang="scss" scoped>
	.conter_box {
		position: relative;

		.popop {
			height: 50rpx;
			background-color: #101b45;
		}

		.cuIcon {
			position: absolute;
			top: 80rpx;
			left: 40rpx;
			z-index: 1;
		}
	}

	image {
		width: 100%;
		height: 200vh;
	}

	.dream_xob {
		image {
			width: 240rpx;
			height: 230rpx;
			position: absolute;
			bottom: 105rpx;
			left: 248rpx;
		}
	}

	.box_pink {
		width: 100rpx;
		height: 30rpx;
		position: absolute;
		bottom: 75rpx;
		left: 90rpx;
		//跳转市场
	}

	.box_pink1 {
		// 白皮书
		width: 100rpx;
		height: 30rpx;
		position: absolute;
		bottom: 75rpx;
		left: 250rpx;
	}

	.box_pink2 {
		// 行为准则
		width: 100rpx;
		height: 30rpx;
		position: absolute;
		bottom: 75rpx;
		right: 250rpx;
	}

	.box_pink3 {
		// 隐私协议
		width: 100rpx;
		height: 30rpx;
		position: absolute;
		bottom: 75rpx;
		right: 90rpx;
	}
</style>